<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>1212-dialogue</title>
<script src="http://a.tbcdn.cn/s/kissy/1.3.0/kissy.js"></script>
<link rel="stylesheet" href="http://g.tbcdn.cn/tb/global/2.2.21/global-min.css">
<link rel="stylesheet" href="http://g.tbcdn.cn/tbc/lottery/1.2.5/simple-init.css">
<link rel="stylesheet" href="test.css">
</head>
<body>

<a href="" id="J_click_show">dialogue</a>

<div class="twelve-dialog tbc-lottery-popup tbc-lottery-result" id="J_twelve_dialog">
    <div class="tbc-lottery-popup-header">点亮品牌树奖品及规则</div>
    <div class="tbc-lottery-popup-content tbc-lottery-pitty" >
        <div class="dialog-detail award-show">
            <p class="hd">部分奖品展示</p>
            <div class="bd">
                <ul class="award-list clearfix">
                    <li class="award-item">
                        <div class="award-img">
                            <img src="http://http://placeholder.qiniudn.com//70x90" alt="">
                            <div class="img-desc">总计20000件</div>
                        </div>
                        <div class="award-desc">
                            <p>红米手机红米红米手机121212</p>
                            <p>淘宝提供</p>
                        </div>
                    </li>
                    <li class="award-item">
                        <div class="award-img">
                            <img src="http://http://placeholder.qiniudn.com//70x90" alt="">
                            <div class="img-desc">总计20000件</div>
                        </div>
                        <div class="award-desc">
                            <p>红米手机</p>
                            <p>淘宝提供</p>
                        </div>
                    </li>
                    <li class="award-item">
                        <div class="award-img">
                            <img src="http://http://placeholder.qiniudn.com//70x90" alt="">
                            <div class="img-desc">总计20000件</div>
                        </div>
                        <div class="award-desc">
                            <p>红米手机</p>
                            <p>淘宝提供</p>
                        </div>
                    </li>
                    <li class="award-item">
                        <div class="award-img">
                            <img src="http://http://placeholder.qiniudn.com//70x90" alt="">
                            <div class="img-desc">总计20000件</div>
                        </div>
                        <div class="award-desc">
                            <p>红米手机</p>
                            <p>淘宝提供</p>
                        </div>
                    </li>
                    <li class="award-item">
                        <div class="award-img">
                            <img src="http://http://placeholder.qiniudn.com//70x90" alt="">
                            <div class="img-desc">总计20000件</div>
                        </div>
                        <div class="award-desc">
                            <p>红米手机</p>
                            <p>淘宝提供</p>
                        </div>
                    </li>
                    <li class="award-item">
                        <div class="award-img">
                            <img src="http://http://placeholder.qiniudn.com//70x90" alt="">
                            <div class="img-desc">总计20000件</div>
                        </div>
                        <div class="award-desc">
                            <p>红米手机</p>
                            <p>淘宝提供</p>
                        </div>
                    </li>
                    <li class="award-item">
                        <div class="award-img">
                            <img src="http://http://placeholder.qiniudn.com//70x90" alt="">
                            <div class="img-desc">总计20000件</div>
                        </div>
                        <div class="award-desc">
                            <p>红米手机</p>
                            <p>淘宝提供</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="dialog-detail winner-list">
            <p class="hd">中奖名单</p>
            <div class="bd">
                <ul class="all-winners clearfix" id="J_win_table">
                    <li class="winners-item">刘波361 3分钟前抽中了 土豪金土豪</li>
                    <li class="winners-item">刘波361 13分钟前抽中了 土豪金土豪</li>
                    <li class="winners-item">刘波361 23分钟前抽中了 土豪金土豪</li>
                    <li class="winners-item">刘波361 3分钟前抽中了 土豪金土豪</li>
                    <li class="winners-item">刘波361 3分钟前抽中了 土豪金土豪</li>
                    <li class="winners-item">刘波361 3分钟前抽中了 土豪金土豪</li>
                    <li class="winners-item">刘波361 13分钟前抽中了 土豪金土豪</li>
                    <li class="winners-item">刘波361 23分钟前抽中了 土豪金土豪</li>
                </ul>
            </div>
        </div>
        <div class="dialog-detail rule">
            <p class="hd">规则</p>
            <div class="bd">
                <p>1、点亮品牌树上随机出现的8个品牌Logo，即可点击“立即抽奖”按钮参与抽奖。</p>
                <p>2、每个用户每天最多可获得5次抽奖机会。</p>
                <p>3、点亮品牌Logo即成功关注该品牌，如不喜欢树上随机出现的8个品牌，则可点击“换一组”按钮随机切换新的品牌。</p>
                <a href="" target="_blank" class="show-detail-rule">查看详细规则>></a>
            </div>
        </div>
    </div>
    <div class="tbc-lottery-popup-footer"><span class="tbc-lottery-button J_TBC_LotteryPopupHide">确定</span></div>
</div>

<script>
KISSY.ready(function(S){
    var $ = S.all;
    S.use("overlay", function(S, O) {
        var dialog = new O.Dialog({
            prefixCls: 'tbc-lottery-',
            width: 718,
            bodyContent: S.one('#J_twelve_dialog'),
            mask: true,
            align: {
                points: ['cc', 'cc']
            }
        });

        S.one('#J_click_show').on("click", function(e) {
            e.preventDefault();
            S.one('#J_twelve_dialog').show();
            dialog.show();
        });
        S.one('#J_close_dialog').on("click", function(e) {
            e.preventDefault();
            dialog.hide();
        });
    });

})
</script>
<script src="refresh.js"></script>
</body>
</html>
